.wrap-news{
    .news{
        margin-top: 50px;
        ul{
            overflow: hidden;
            margin: 0 -22px;
            li{
                width: 100/3%;
                float: left;
                padding: 45px 22px 0 22px;
                border-right:1px dotted #dadada;
                @media(max-width: 991px){
                    width: 50%;
                    padding: 40px 22px 0 22px;
                }
                @media(max-width: 640px){
                    width: 100%;
                    border-right: none;
                }
                .pic{
                    .img-box{
                        padding-bottom: 480/800*100%;
                        img{
                            .transition(transform,1.2s);
                        }
                    }
                }
                .text{
                    padding: 20px 0 35px;
                    min-height: 254px;
                    border-bottom:1px dotted #dadada;
                    span{
                        display: block;
                        color: @color;
                    }
                    h3{
                        font-size:18px;
                        line-height: 24/18;
                        font-weight: 500;
                        .t-line(2);
                        max-height: 48px;
                        margin-top: 10px;
                        margin-bottom: 24px;
                        .transition(all,0.2s);
                    }
                    p{
                        font-size: 15px;
                        line-height: 24/15;
                        color: @c6;
                        .t-line(4);
                        font-weight: 400;
                        margin: 0;
                        max-height: 24px*4;
                    }
                    a{
                        display: block;
                    }
                }
                &:nth-child(3n){
                    border-right: none;
                    @media(max-width: 991px){
                        border-right:1px dotted #dadada;
                    }
                }
                &:nth-child(2n){
                    @media(max-width: 991px){
                        border-right:none;
                    }

                }
                &:nth-child(1),
                &:nth-child(2),
                &:nth-child(3){
                    padding-top: 0;
                }
                &:nth-child(3){
                    @media(max-width: 991px){
                        padding-top: 45px;
                    }
                }
                &:nth-child(2){
                    @media(max-width: 640px){
                        padding-top: 45px;
                    }
                }
                &:hover{
                    .pic{
                        .img-box img{
                            .scale(1.1);
                        }
                    }
                    .text{
                        h3{
                            color: @color;
                        }
                    }
                }
            }
        }
    }
}
